<template>
	<div>
		<card v-if="$store.state.superAdmin == 'true'" style="margin-bottom:10px">
	      	<el-select style="width:100%" v-model="museumId" @change="change" filterable>
	        	<el-option
	              	v-for="item in museumList"
	              	:key="item.id"
	              	:label="item.name"
	              	:value="item.id">
	            </el-option>
	      	</el-select>
  		</card>
  		<Card>
  			<div class="flexCSB">
		      	<Input
		          placeholder="请输入订单编号"
		          suffix="ios-search"
		          style="width:300px;"
		          v-model="number"
		          @on-change="change"
		        ></Input>
		        <RadioGroup v-model="states" type="button" @on-change="change">
		        	<template v-for="item in statesList">
		        		<Radio :label="item.label">{{item.value}}</Radio>
		        	</template>
		        </RadioGroup>
		    </div>
  			<Table class="table" :loading="loading1" highlight-row :columns="columns" :data="data"></Table>
  			<Page
			  show-total
		      class="page"
		      :total="total"
		      :current.sync="current"
		      show-elevator
		      @on-change="changePage"
		    />
  		</Card>
  		<Modal v-model="modal1" width="50" title="退款详情">
			<Form ref="form" :model="newData" :label-width="120">
		        <FormItem label="订单编号：" prop="orderNumber">
		          	<p style="font-weight:bold">{{newData.orderNumber}}</p>
		        </FormItem>
		        <FormItem label="订单金额：" prop="totalFee">
		          	<p style="font-weight:bold">{{newData.totalFee}}元</p>
		        </FormItem>
		        <Divider />
		        <FormItem label="退款编号：" prop="refundNo">
		          	<p style="font-weight:bold">{{newData.refundNo}}</p>
		        </FormItem>
		        <FormItem label="退款金额：" prop="refundFee">
		          	<p style="font-weight:bold">{{newData.refundFee}}元</p>
		        </FormItem>
		        <FormItem label="退款状态：" prop="refundStatus1">
		          	<p style="font-weight:bold">{{newData.refundStatus1}}</p>
		        </FormItem>
		        <FormItem v-if="newData.refundStatus == 4" label="拒绝理由：" prop="refuseReason">
		          	<p style="font-weight:bold">{{newData.refuseReason}}</p>
		        </FormItem>
		        <Divider />
		        <FormItem label="买家ID：" prop="openid">
		          	<p style="font-weight:bold">{{newData.openid}}</p>
		        </FormItem>
		        <FormItem label="买家留言：" prop="reason">
		          	<p style="font-weight:bold">{{newData.reason}}</p>
		        </FormItem>
		        <FormItem label="留言图片：" prop="pics">
		        	<div style="display:flex">
		        		<template v-for="item in newData.pics">
		        			<img @click="lookImg(item)" class="img" :src="item"></img>
		        		</template>
		        	</div>
		        </FormItem>
		        <Divider />
		        <template v-if="newData.refundLogisticsName">
			        <FormItem label="是否已退货：" prop="refundLogisticsName">
			        	<p style="font-weight:bold">买家已退货，等待商家签收</p>
			        </FormItem>
			        <FormItem label="退货快递：" v-if="newData.refundLogisticsName" prop="refundLogisticsName">
			        	<p style="font-weight:bold">{{newData.refundLogisticsName}}</p>
			        </FormItem>
			        <FormItem label="退货单号：" v-if="newData.refundLogisticsNumber" prop="refundLogisticsNumber">
			        	<p style="font-weight:bold">{{newData.refundLogisticsNumber}}</p>
			        </FormItem>
			    </template>
<!-- 			    <template v-if="!newData.refundLogisticsName">
			        <FormItem label="是否已退货：" prop="refundLogisticsName">
			        	<p style="font-weight:bold">买家还未退货</p>
			        </FormItem>
			    </template> -->
		    </Form>
		    <div slot="footer">
		    	<template>
					<Button type="error" style="width:200px" @click="jujue">拒绝退款申请</Button>
					<Button v-if="newData.refundStatus == 1 && !newData.shippedFlag" type="primary" style="width:200px" @click="tongyi" :loading="loading3">立即退款</Button>
					<Button v-if="newData.refundStatus == 1 && newData.shippedFlag" type="primary" style="width:200px" @click="tongyi2">同意买家退货</Button>
					<Button v-if="newData.refundStatus == 2" type="primary" style="width:200px" @click="tongyi">立即退款</Button>
				</template>
		    </div>
  		</Modal>
  		<Modal v-model="modal2" width="50" title="拒绝原因">
  			<Input placeholder="请输入拒绝理由" v-model="refuseReason"></Input>
  			<div slot="footer">
				<Button type="primary" style="width:200px" @click="jujue2" :loading="loading2">确定拒绝</Button>
		    </div>
  		</Modal>
  		<Modal v-model="modal3" width="50" title="去发货">
  			<Form ref="form" :model="newData2" :label-width="120">
	  			<FormItem label="收货人地址：">
		          	<p style="font-weight:bold">{{newData2.receiverCity}} {{newData2.receiverState}} {{newData2.receiverDistrict}}</p>
		        </FormItem>
		        <FormItem label="收货详细地址：">
		          	<p style="font-weight:bold">{{newData2.receiverAddress}}</p>
		        </FormItem>
		        <FormItem label="收货人名称：">
		          	<p style="font-weight:bold">{{newData2.receiverName}}</p>
		        </FormItem>
		        <FormItem label="收货人手机号：">
		          	<p style="font-weight:bold">{{newData2.receiverMobile}}</p>
		        </FormItem>
		        <Divider />
		        <FormItem label="发货快递名称：">
		          	<Input placeholder="请输入快递名称" v-model="logisticsName"></Input>
		        </FormItem>
		        <FormItem label="发货快递单号：">
		          	<Input placeholder="请输入快递单号" v-model="logisticsNumber"></Input>
		        </FormItem>
		    </Form>
  			<div slot="footer">
				<Button type="primary" style="width:200px" @click="fahuo" :loading="loading4">确定发货</Button>
		    </div>
  		</Modal>
  		<Modal v-model="modal4" width="50" title="发货详情（等待买家确认收货）">
  			<Form ref="form" :model="newData4" :label-width="120">
	  			<FormItem label="收货人地址：">
		          	<p style="font-weight:bold">{{newData4.receiverCity}} {{newData4.receiverState}} {{newData4.receiverDistrict}}</p>
		        </FormItem>
		        <FormItem label="收货详细地址：">
		          	<p style="font-weight:bold">{{newData4.receiverAddress}}</p>
		        </FormItem>
		        <FormItem label="收货人名称：">
		          	<p style="font-weight:bold">{{newData4.receiverName}}</p>
		        </FormItem>
		        <FormItem label="收货人手机号：">
		          	<p style="font-weight:bold">{{newData4.receiverMobile}}</p>
		        </FormItem>
		        <Divider />
		        <FormItem label="已发快递名称：">
		          	<p style="font-weight:bold">{{newData4.logisticsName}}</p>
		        </FormItem>
		        <FormItem label="已发快递单号：">
		        	<p style="font-weight:bold">{{newData4.logisticsNumber}}</p>
		        </FormItem>
		    </Form>
		    <div slot="footer"></div>
  		</Modal>
		<Modal v-model="modal5" width="50" title="订单详情">
			<Form ref="form" :model="newData3" :label-width="120">
	  			<FormItem label="买家昵称：">
		          	<p style="font-weight:bold">{{newData3.buyerNick}}</p>
		        </FormItem>
		        <FormItem label="买家ID：">
		          	<p style="font-weight:bold">{{newData3.openid}}</p>
		        </FormItem>
		        <FormItem label="商品数量：">
		          	<p style="font-weight:bold">{{newData3.num}}</p>
		        </FormItem>
		        <FormItem label="商品金额：">
		          	<p style="font-weight:bold">{{newData3.totalFee}}</p>
		        </FormItem>
		        <FormItem label="买家备注：">
		          	<p style="font-weight:bold">{{newData3.buyerMessage}}</p>
		        </FormItem>
		    </Form>
		    <div slot="footer"></div>
  		</Modal>
  		<Modal v-model="modal6" width="50" title="同意退货">
  			<div class="flexCSB">
	  			<p style="width:140px">收货地址选择：</p>
	  			<Select style="width:100%" v-model="locId">
	          		<template v-for="item in locList">
	          			<Option :value="item.id">{{item.receiverName}}</Option>
	          		</template>
	          	</Select>
	          </div>
		    <div slot="footer">
		    	<Button type="primary" style="width:200px" @click="tongyi3">同意买家退货</Button>
		    </div>
  		</Modal>
  		<Modal v-model="modal7" width="50" title="查看详情">
  			<Form ref="form" :model="newData5" :label-width="140">
	  			<FormItem label="买家昵称：">
		          	<p style="font-weight:bold">{{newData5.buyerNick}}</p>
		        </FormItem>
		        <FormItem label="买家ID：">
		          	<p style="font-weight:bold">{{newData5.openid}}</p>
		        </FormItem>
		        <FormItem label="商品数量：">
		          	<p style="font-weight:bold">{{newData5.num}}</p>
		        </FormItem>
		        <FormItem label="商品金额：">
		          	<p style="font-weight:bold">{{newData5.totalFee}}</p>
		        </FormItem>
		        <FormItem label="买家备注：" v-if="newData5.buyerMessage">
		          	<p style="font-weight:bold">{{newData5.buyerMessage}}</p>
		        </FormItem>
		        <FormItem label="订单号：">
		          	<p style="font-weight:bold">{{newData5.number}}</p>
		        </FormItem>
		        <FormItem label="物流公司：">
		          	<p style="font-weight:bold">{{newData5.logisticsName}}</p>
		        </FormItem>
		        <FormItem label="物流单号：">
		          	<p style="font-weight:bold">{{newData5.logisticsNumber}}</p>
		        </FormItem>
		        <Divider />
		        <FormItem label="收件人姓名：">
		          	<p style="font-weight:bold">{{newData6.name}}</p>
		        </FormItem>
		        <FormItem label="收件人手机号：">
		          	<p style="font-weight:bold">{{newData6.phone}}</p>
		        </FormItem>
		        <FormItem label="收件人地址：">
		          	<p style="font-weight:bold">{{newData6.address}}</p>
		        </FormItem>
		        <FormItem label="收件人详细地址：">
		          	<p style="font-weight:bold">{{newData6.receiverAddress}}</p>
		        </FormItem>
		    </Form>
		    <div slot="footer"></div>
  		</Modal>
  		<Modal v-model="modal8" width="50" title="查看详情">
  			<Form ref="form" :model="newData7" :label-width="140">
	  			<FormItem label="买家昵称：">
		          	<p style="font-weight:bold">{{newData7.buyerNick}}</p>
		        </FormItem>
		        <FormItem label="买家留言：" v-if="newData7.buyerMessage">
		          	<p style="font-weight:bold">{{newData7.buyerMessage}}</p>
		        </FormItem>
		        <FormItem label="购买数量：">
		          	<p style="font-weight:bold">{{newData7.num}}</p>
		        </FormItem>
		        <FormItem label="订单编号：">
		          	<p style="font-weight:bold">{{newData7.number}}</p>
		        </FormItem>
		        <FormItem label="订单金额：">
		          	<p style="font-weight:bold">{{newData7.totalFee}}</p>
		        </FormItem>
		    </Form>
		    <div slot="footer"></div>
  		</Modal>


	</div>
</template>

<script>
  	export default {
    	data() {
      		return {
      			current: 1,
      			states: 0,
      			size: 10,
      			total: 0,

      			museumId: '',
      			number: '',
      			tuikuanId: '',
      			refuseReason: '',
      			logisticsName: '',
      			logisticsNumber: '',
      			mallOrderId: '',
      			locId: '',

      			data: [],
      			locList: [],
      			museumList: [],
      			newData: {},
      			newData2: {},
      			newData3: {},
      			newData4: {},
      			newData5: {},
      			newData6: {},
      			newData7: {},

      			loading1: false,
      			loading2: false,
      			loading3: false,
      			loading4: false,
      			modal1: false,
      			modal2: false,
      			modal3: false,
      			modal4: false,
      			modal5: false,
      			modal6: false,
      			modal7: false,
      			modal8: false,
      			
      			columns: [
      				{ title: "订单号", key: "number", align: "center"},
      				{ title: "买家微信昵称", key: "buyerNick", align: "center" },
      				{
			          title: "状态",
			          key: "states2",
			          align: "center",
			          render: (h, params) => {
			            let color
			            if(params.row.states == 1){
			            	color = 'primary'
			            }
			            if(params.row.states == 2){
			            	color = 'success'
			            }
			            if(params.row.states == 3){
			            	color = 'error'
			            }
			            if(params.row.states == 4){
			            	color = 'warning'
			            }
			            if(params.row.states == 5){
			            	color = 'magenta'
			            }
			            if(params.row.states == 6){
			            	color = 'cyan'
			            }
			            if(params.row.states == 7){
			            	color = 'purple'
			            }
			            if(params.row.states == 8){
			            	color = 'error'
			            }
			            return h(
			              "Tag",
			              {
			                props: { color: color }
			              },
			              params.row.states2
			            );
			          }
			        },
      				{ title: "总金额", key: "totalFee", align: "center"},
      				{ title: "数量", key: "num", align: "center" },
      				{
			          	title: "操作",
			          	render: (h, params) => {
			            	return h("div",[
			            		h("Button",{
				                  	style: {
				                  		display: params.row.states == 6 ? 'inline-block' : 'none',
				                  	},
				                  	props: {
				                    	type: "info",
				                  	},
				                  	on: {
				                    	click: () => {
				                      		this.tuikuanxiangqing(params);
				                    	}
				                  	}
				                },"退款详情"),
				                h("Button",{
				                  	style: {
				                  		display: params.row.states == 7||params.row.states == 8 ? 'inline-block' : 'none',
				                  	},
				                  	props: {
				                    	type: "success",
				                  	},
				                  	on: {
				                    	click: () => {
				                      		this.tuikuanxiangqing(params);
				                    	}
				                  	}
				                },"查看详情"),
				                h("Button",{
				                  	style: {
				                  		display: params.row.states == 2 ? 'inline-block' : 'none',
				                  	},
				                  	props: {
				                    	type: "warning",
				                  	},
				                  	on: {
				                    	click: () => {
				                      		this.qufahuo(params);
				                    	}
				                  	}
				                },"去发货"),
				                h("Button",{
				                  	style: {
				                  		display: params.row.states == 3 ? 'inline-block' : 'none',
				                  	},
				                  	props: {
				                    	type: "success",
				                  	},
				                  	on: {
				                    	click: () => {
				                      		this.chakan(params);
				                    	}
				                  	}
				                },"查看详情"),
				                h("Button",{
				                  	style: {
				                  		display: params.row.states == 1 ? 'inline-block' : 'none',
				                  	},
				                  	props: {
				                    	type: "success",
				                  	},
				                  	on: {
				                    	click: () => {
				                      		this.chakan2(params);
				                    	}
				                  	}
				                },"查看详情"),
				                h("Button",{
				                  	style: {
				                  		display: params.row.states == 5 ? 'inline-block' : 'none',
				                  	},
				                  	props: {
				                    	type: "success",
				                  	},
				                  	on: {
				                    	click: () => {
				                      		this.chakan3(params);
				                    	}
				                  	}
				                },"查看详情"),
				                h("Button",{
				                  	style: {
				                  		display: params.row.states == 4 ? 'inline-block' : 'none',
				                  	},
				                  	props: {
				                    	type: "success",
				                  	},
				                  	on: {
				                    	click: () => {
				                      		this.chakan4(params);
				                    	}
				                  	}
				                },"查看详情"),
				            ]);
			          	}
			        }
      				
      			],
      			statesList: [
      				{
      					label: 0,
      					value: '全部',
      				},
      				{
      					label: 1,
      					value: '待付款',
      				},
      				{
      					label: 2,
      					value: '待发货',
      				},
      				{
      					label: 3,
      					value: '已发货',
      				},
      				{
      					label: 4,
      					value: '交易关闭',
      				},
      				{
      					label: 5,
      					value: '交易完成',
      				},
      				{
      					label: 6,
      					value: '退款中',
      				},
      				{
      					label: 7,
      					value: '退款同意',
      				},
      				{
      					label: 8,
      					value: '退款拒绝',
      				},
      			],







      		}
      	},
      	created() {
    		if (this.$store.state.superAdmin == "true") {
      			this.getMuseumList();
    		} else {
      			this.museumId = this.$store.state.museumId;
      			this.getMallOrders()
			}
  		},
      	methods:{
      		// 获取博物馆列表
		    getMuseumList() {
		      this.loading1 = true;
		      this.$http("/stage/museum/getAppMuseumDropDown", {}, "post", res => {
		        if (res.data.code == 200) {
		          this.museumList = res.data.data;
		          for (let i = 0; i < this.museumList.length; i++) {
		            if (this.museumList[i].name.length > 20) {
		              this.museumList[i].name =
		                this.museumList[i].name.slice(0, 20) + "...";
		            }
		          }
		          this.museumId = this.museumList[0].id;
		          this.getMallOrders()
		        } else {
		          this.$Message.error(res.data.msg);
		        }
		      });
		    },
		    // 获取售后地址
		    getMallAfterSaleAddress(){
		    	this.modal6 = true
    			this.$http("/stage/order/getMallAfterSaleAddress",{
			        	appMuseumId: this.museumId
			        },
			        "get",
			        res => {
			          	if (res.data.code == 200) {
			            	this.locList = res.data.data
			          	} else {
			            	this.$Message.error(res.data.msg);
			          	}
			        }
			    );
		    },
		    changePage(data){
		    	this.current = data
		    	this.getMallOrders()
		    },
		    change(){
		    	this.current = 1
		    	this.getMallOrders();
		    },
		    getMallOrders(){
		    	this.loading1 = true
		    	this.$http("/stage/order/getMallOrders",{
		          	appMuseumId: this.museumId,
		          	number: this.number,
		          	current: this.current,
		          	size: this.size,
		          	states: this.states == 0 ? '' : this.states,
		        },
		        "post",
		        res => {
		          	if (res.data.code == 200) {
		          		for(let i=0;i<res.data.data.records.length;i++){
		          			for(let j=0;j<this.statesList.length;j++){
		          				if(res.data.data.records[i].states == this.statesList[j].label){
		          					res.data.data.records[i].states2 = this.statesList[j].value
		          				}
		          			}
		          			res.data.data.records[i].totalFee = res.data.data.records[i].totalFee/100 + '元'
		          		}
		            	this.data = res.data.data.records
		            	this.total = res.data.data.total
		          	} else {
		            	this.$Message.error(res.data.msg);
		          	}
		          	this.loading1 = false;
		        });
		    },
		    // 查看退款详情
		    tuikuanxiangqing(data){
		    	this.modal1 = true
		    	this.$http(
		        "/stage/order/getMallRefundApplication",
		        {
		          	orderNumber: data.row.number,
		          	size: 1,
		          	current: 1,
		          	refundStatus: ''
		        },
		        "post",
		        res => {
		          	if (res.data.code == 200) {
		          		this.newData = res.data.data.records[0]
		          		this.newData.refundFee = this.newData.refundFee / 100
		          		this.newData.totalFee = this.newData.totalFee / 100
		          		if(this.newData.refundStatus == 1){
		          			this.newData.refundStatus1 = '待退款'
		          		}
		          		if(this.newData.refundStatus == 2){
		          			this.newData.refundStatus1 = '等待买家退货'
		          		}
		          		if(this.newData.refundStatus == 3){
		          			this.newData.refundStatus1 = '已退款'
		          		}
		          		if(this.newData.refundStatus == 4){
		          			this.newData.refundStatus1 = '已拒绝'
		          		}
		          		this.tuikuanId = this.newData.id
		          		this.newData.pics = this.newData.pics != '' ? this.newData.pics.split(',') : []
		          	} else {
		            	this.$Message.error(res.data.msg);
		          	}
		        });
		    },
		    jujue(){
		    	this.modal2 = true
		    	this.refuseReason = ''
		    },
		    tongyi(){
		    	this.$Modal.confirm({
			        title: "提示",
			        content:
			          	"<p>确定要立即退款吗</p>",
			        onOk: () => {
			          	this.loading3 = true;
			          	this.$http(
			            "/stage/order/agreeRefundApplication",
			            {
			            	id: this.tuikuanId
			            },
			            "post",
			            res => {
			            	this.loading3 = false
			              if (res.data.code == 200) {
			              	this.modal1 = false
			                this.$Message.success("同意成功");
			                this.getMallOrders();
			              } else {
			                this.$Message.error(res.data.msg);
			              }
			            }
			          );
			        },
			        onCancel: () => {}
			    });
		    },
		    tongyi2(){
		    	this.locId = ''
		    	this.getMallAfterSaleAddress()
		    },
		    tongyi3(){
		    	if(this.locId == ''){
		    		this.$Message.error('请选择收货地址');
		    		return false
		    	}
		    	let address = '', receiverName = '', receiverPhone = ''
		    	for(let i=0;i<this.locList.length;i++){
		    		if(this.locId == this.locList[i].id){
		    			address = this.locList[i].address
		    			receiverName = this.locList[i].receiverName
		    			receiverPhone = this.locList[i].receiverPhone
		    		}
		    	}
		    	this.$Modal.confirm({
			        title: "提示",
			        content:
			          	"<p>确定同意买家退货吗</p>",
			        onOk: () => {
			          	this.loading3 = true;
			          	this.$http(
			            "/stage/order/agreeReturnGoods",
			            {
			            	id: this.tuikuanId,
			            	address: address,
			            	receiverName: receiverName,
			            	receiverPhone: receiverPhone,
			            },
			            "post",
			            res => {
			            	this.loading3 = false
			              if (res.data.code == 200) {
			              	this.modal1 = false
			              	this.modal6 = false
			                this.$Message.success("同意成功");
			                this.getMallOrders();
			              } else {
			                this.$Message.error(res.data.msg);
			              }
			            }
			          );
			        },
			        onCancel: () => {}
			    });
		    },
		    jujue2(){
		    	if(this.refuseReason == ''){
		    		this.$Message.fail("请输入拒绝理由");
		    		return false
		    	}
		    	this.loading2 = true
		    	this.$http(
		        "/stage/order/refuseRefundApplication",
		        {
		          	refuseReason: this.refuseReason,
		          	id: this.tuikuanId
		        },
		        "post",
		        res => {
		          	if (res.data.code == 200) {
		          		this.modal1 = false
		                this.$Message.success("拒绝成功");
		                this.modal2 = false
		                this.getMallOrders();
		          	} else {
		            	this.$Message.error(res.data.msg);
		          	}
		          	this.loading2 = false;
		        });	
		    },
		    qufahuo(params){
		    	this.modal3 = true
		    	this.logisticsName = ''
		    	this.logisticsNumber = ''
		    	this.mallOrderId = params.row.id
		    	this.$http(
		        "/stage/order/getMallOrderShipping",
		        {
		          	mallOrderId: params.row.id,
		        },
		        "get",
		        res => {
		          	if (res.data.code == 200) {
		          		this.newData2 = res.data.data
		          	} else {
		            	this.$Message.error(res.data.msg);
		          	}
		        });	
		    },
		    fahuo(){
		    	if(this.logisticsName == ''){
		    		this.$Message.error('快递名称必填');
		    		return false
		    	}
		    	if(this.logisticsNumber == ''){
		    		this.$Message.error('快递名称必填');
		    		return false
		    	}
		    	this.loading4 = true
				this.$http(
		        "/stage/order/shipMallOrder",
		        {
		          	id: this.mallOrderId,
		          	logisticsName: this.logisticsName,
		          	logisticsNumber: this.logisticsNumber
		        },
		        "post",
		        res => {
		        	this.loading4 = false
		          	if (res.data.code == 200) {
		          		this.modal3 = false
		                this.$Message.success("发货成功");
		                this.getMallOrders();
		          	} else {
		            	this.$Message.error(res.data.msg);
		          	}
		        });	
		    },
		    chakan(params){
		    	this.modal4 = true
		    	this.$http(
		        "/stage/order/getMallOrderShipping",
		        {
		          	mallOrderId: params.row.id,
		        },
		        "get",
		        res => {
		          	if (res.data.code == 200) {
		          		this.newData4 = res.data.data
		          		this.newData4.logisticsName = params.row.logisticsName
		          		this.newData4.logisticsNumber = params.row.logisticsNumber
		          	} else {
		            	this.$Message.error(res.data.msg);
		          	}
		        });	
		    },
		    chakan2(data){
		    	this.modal5 = true
		    	this.newData3 = {
		    		buyerNick: data.row.buyerNick,
		    		openid: data.row.openid,
		    		num: data.row.num,
		    		buyerMessage: data.row.buyerMessage,
		    		totalFee: data.row.totalFee
		    	}
		    },
		   chakan3(data){
		   		this.newData5 = {}
		   		this.newData6 = {}
		   		this.newData5 = data.row
		   		this.$http("/stage/order/getMallOrderShipping",{
		          	mallOrderId: data.row.id,
		        },
		        "get",
		        res => {
		          	if (res.data.code == 200) {
		          		this.newData6.address = res.data.data.receiverCity+' '+res.data.data.receiverState+' '+res.data.data.receiverDistrict
		          		this.newData6.name = res.data.data.receiverName
		          		this.newData6.phone = res.data.data.receiverMobile
		          		this.newData6.receiverAddress = res.data.data.receiverAddress
		          		this.modal7 = true
		          	} else {
		            	this.$Message.error(res.data.msg);
		          	}
		        });	
		   },
		   chakan4(data){
		   		this.modal8 = true
		   		this.newData7 = data.row
				console.log(1,data.row)
		   },
		   lookImg(data){
		   		window.open(data)
		   },



      	}
    }
</script>

<style scoped>
	.img{
		width: 100px;
		height: 100px;
		margin-right:10px;
	}
</style>